<template>
  <footer>
      <div class="w1200 h100 content">
          <div class="left floatleft">
              <p class="company title">人人矿场</p>
              <p class="email link">客服邮箱：support@rrmine.com</p>
          </div>
          <div class="right floatleft">
              <ul>
                  <li>
                      <span  class="title">产品</span>
                  </li>
                  <li>
                      <a href="" class="link">IPFS</a>
                  </li>
                  <li>
                      <a href="" class="link">加速产出BTC算力</a>
                  </li>
                  <li>
                      <a href="" class="link">经典BTC算力</a>
                  </li>
              </ul>
              <ul>
                  <li>
                      <span  class="title">信息</span>
                  </li>
                  <li>
                      <a href="" class="link">关于我们</a>
                  </li>
                  <li>
                      <a href="" class="link">公告中心</a>
                  </li>
                  <li>
                      <a href="" class="link">市场动态</a>
                  </li>
              </ul>
              <ul>
                  <li>
                      <span class="title">支持</span>
                  </li>
                  <li>
                      <a href="" class="link">帮助中心</a>
                  </li>
                  <li>
                      <a href="" class="link">隐私条款</a>
                  </li>
                  <li>
                      <a href="" class="link">用户条款</a>
                  </li>
              </ul>
              <ul>
                  <li>
                      <span class="title">友情链接</span>
                  </li>
                  <li>
                      <a href="" class="link">BHP算力公链</a>
                  </li>
                  <li>
                      <a href="" class="link">巴比特</a>
                  </li>
                  <li>
                      <a href="" class="link">翼比特</a>
                  </li>
                  <li>
                      <a href="" class="link">币响</a>
                  </li>
              </ul>
              <ul>
                  <li>
                      <span class="title">主要汇率</span>
                  </li>
                  <li>
                      <span class="span">1 BTC = 8924.71 美元</span>
                  </li>
                  <li>
                      <span class="span">1 ETH = 2281 美元</span>
                  </li>
                  <li>
                      <span class="span">1 LTC = 61.37 美元</span>
                  </li>
                  <li>
                      <span class="span">1 BHP = 0.76 美元</span>
                  </li>
              </ul>
          </div>
      </div>
  </footer>
</template>
<script>
  // import './common/js/common';
  export default {
    name: 'CpsFooter',
    data() {
      return {}
    },
  }
</script>
<style scoped lang="less" type="text/less">
  footer{
    height: 250px;background: #171717;padding-top: 45px;
    .content{
      font-size: 0;overflow: hidden;
    }
    .title{
      color: #fff;font-size: 16px;display: inline-block;width: 100%;
    }
    .link , .span{
      color: #8D919B;font-size: 14px;padding-top: 18px;display: inline-block;
    }
    .company{
      font-size: 24px;
    }
    .right {
      width:918px;width: calc( 100% - 282px );
      ul{
        float: left;text-align: left;
      }
      > ul{
        width: 20%;
      }
      .link:hover{
        text-decoration: underline;
      }
      .title{
        padding-bottom: 8px;
      }
    }
    .left{
      width: 282px;
    }
  }
  /*-------------footer 上------------------*/
</style>
